@use "./reset";
:root {
	font-size: 24.1545vw;
	background-color: #f7f7f7;
	--primary-color: #e25e63;
	--lighten-primary-color: color-mix(in srgb, var(--primary-color), white 20%);
	--lightest-primary-color: color-mix(in srgb, var(--primary-color), white 85%);
	--darken-primary-color: color-mix(in srgb, var(--primary-color), black 20%);
	--secondary-color: #efa9b4;
	--lightest-secondary-color: color-mix(in srgb, var(--secondary-color), white 85%);
}
html,
body {
	min-height: 100vh;
}
body {
	touch-action: pan-x pan-y;
}
#app {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background-color: #f7f7f7;
}
.svg-inline--hidden {
	display: none;
}
.icon {
	width: 1em;
	height: 1em;
	font-size: 0.2rem;
	vertical-align: -0.125em;
	fill: currentColor;
	overflow: hidden;
}
